<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/website/common/base.jsp"%>

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>微信支付</title>
    <%@ include file="/website/common/common.jsp"%>
    <link href="${webctx }/css/payment.css" rel="stylesheet" type="text/css" />
    <style>
        .order{
            height: 440px;
            width: 990px;
            margin: 0 auto;
        }
        .tubiao{
            width: 480px;
            text-align: center;
            margin-top: 86.5px;
            margin-bottom: 86.5px;
            float: left;
        }
        .deatil{
            float: left;
            width: 480px;
            margin-top: 116px;
        }
        .jiyu{
            font-size: 20px;
            margin-bottom: 30px;
            color: #0daeff;
        }
        .xiangqing{
            font-size: 16px;
            color: #666;
            width: 200px;
            float: left;
            margin-right: 40px;
            margin-bottom: 30px;
        }
        .xiangqing2{
            font-size: 16px;
            color: #666;
            width: 200px;
            float: left;
            margin-right: 40px;
            margin-bottom: 16px;
        }
        .xiangqing span{
            font-size: 16px;
            color: #333333;
            margin-left: 5px;
        }
        .xiangqing2 span{
            font-size: 16px;
            color: #333333;
            margin-left: 5px;
        }
        .dizhi {
            font-size: 16px;
            color: #666;
            width: 442px;
            float: left;
            margin-right: 40px;
            margin-bottom: 40px;
            word-break:break-all;
            word-wrap: break-word;
            white-space: -moz-pre-wrap;
            white-space: -o-pre-wrap;
            TEXT-JUSTIFY: inter-ideograph;
            TEXT-ALIGN: justify;

        }
        .dizhi span{
            color: #333333;
            margin-left: 10px;
        }
        .jxguangguang{
            width: 130px;
            height: 40px;
            padding: 5px 30px;
            margin-right: 10px;
            border-radius: 5px;
            color: #0daeff;
            border: 1px solid #0daeff;
        }
        .orderxq{
            width: 140px;
            height: 40px;
            border: 1px solid #0daeff;
            padding: 5px 10px;
            color: #ffffff;
            background-color: #0daeff;
            border-radius: 5px;
        }
        .orderxq:hover{
            color: #FFFFFF;
            text-decoration: none;
        }
    </style>
</head>
<body>
<%@ include file="/website/common/top-pay.jsp"%>

<div id="wrap-head">
    <div class="head wid990 clearfix">
        <div class="logo">
            <a href="${ctx }/website/index.jsp"><img src="${webctx }/images/logo.png" /></a>

        </div>
        <ul class="buySteps">
            <li class="s-1 ">1.我的购物车</li>
            <li class="">2.填写核对订单信息</li>
            <li class="cur-2">3.成功提交订单</li>
        </ul>
    </div>
</div>
<div id="Warp_pay">
    <div class="wid990">
        <div class="orderList">
            <div class="order-container pay-method order">
                <div class="tubiao">
                    <img src="${webctx}/images/pay/zhifu.png" />
                </div>
                <div class="deatil">
                    <div class="jiyu">感谢您，支付成功！</div>
                    <div class="xiangqing">订&nbsp;&nbsp;单&nbsp;&nbsp;号：<span>${code}</span></div>
                    <div class="xiangqing">订单金额：<span>￥${pay_money}</span></div>
                    <div class="xiangqing2">收&nbsp;&nbsp;件&nbsp;&nbsp;人：<span>${receipt_user}</span></div>
                    <div class="xiangqing2">联系电话：<span>${receipt_phone}</span></div>
                    <div class="dizhi">收货地址&nbsp;&nbsp;:<span>${receipt_shen}${receipt_shi}${receipt_qu}${receipt_address}</span></div>
                    <div>
                        <a href="javascript:window.location.href='${ctx}/index/home'" class="jxguangguang">继续逛逛</a>
                        <a href="javascript:window.location.href='${ctx}/order/showorderinfo?ordercode=${code}'" class="orderxq">查看订单详情</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<%@ include file="/website/common/foot-site.jsp"%>
<input name="ordercode" value="${order.code }" type="hidden">
<input name="couponPageCount" type="hidden">
</body>
</html>


